/* ios按钮 */
/* .iphone {
    appearance:none;
    width:102px;
    height:62px;
    border-radius:31px;
    background-color:#e9e9eb;
    position:absolute;
    left:1703px;
    top:69.5px;
    transition:all 0.5s linear 100ms; 
    outline:none;
    cursor:pointer;
    z-index: 99999;
}
.iphone::before {
    content:"";
    width:54px;
    height:54px;
    border-radius:27px;
    background-color:#fff;
    position:absolute;
    left:4px;
    top:4px;
    transition:all 0.5s linear 100ms; 
}
.iphone:checked {
    background-color:#5eb662;
}
.iphone:checked::before {
    left:40px;
}
.iphone~section {
    transition:all 0.5s linear 100ms;
}
.iphone:checked~section {
    filter:invert(1)hue-rotate(180deg);
}
.iphone:checked~section img {
    filter:invert(1)hue-rotate(180deg);
} */
/* top区域 */
header .top {
    background-color:#0058aa;
}
header .top p {
    font-size:18px;
    color:#fff;
    line-height:40px;
    height:40px;
    float:right;
}
/* 导航区域 */
header nav {
    background-color:#fff;
    padding:19px 0 11px;
}
/* logo */
header nav .logo {
    float:left;
    font-size:64px;
    line-height:91px;
    color:#0058aa;
    height:91px;
    cursor:pointer;
}
/* 导航条 */
header nav .nav-box {
    float:left;
    margin-left:109px;
}
header nav .nav-box ul li {
    margin-right:60px;
    float:left;
    height:91px;
    width:64px;
    cursor:pointer;
    position:relative;
}
header nav .nav-box ul li:last-child {
    margin-right:0;
}
header nav .nav-box ul li a .pic-box {
    width:50px;
    height:50px;
    margin:0 auto;
    position:relative;
}
header nav .nav-box ul li a .pic-box img {
    position:absolute;
    top:8.5px;
    left:8.5px;
}
header nav .nav-box ul li a .pic-box img.white {
    display:none;
}
header nav .nav-box ul li a .word-box {
    position:absolute;
    font-size:16px;
    color:#545454;
    height:21px;
    line-height:21px;
    bottom:0;
    left:0;
}
header nav .nav-box ul li a .pic-box:hover {
    border:1px solid #0058aa;
    border-radius:50%;
    background-color:#0058aa;
    animation:pulse 1s infinite alternate;
}
@keyframes pulse {
    from{
        transform:scale3d(1,1,1);
    }
    to {
        transform:scale3d(1.05,1.05,1.05);
    }
}
header nav .nav-box ul li a .pic-box:hover .black {
    display:none;
}
header nav .nav-box ul li a .pic-box:hover .white {
    display:block;
}
/* 搜索区 */
header nav .search {
    float:right;
    margin-top:31px;
    cursor:pointer;
}
header nav .search .l {
    float:left;
}
header nav .search .l input {
    padding:9.5px 0 9.5px 15px;
    font-size:14px;
    color:#545454;
    width:214px;
    height:18px;
    border:1px solid #d3d3d3; 
    outline:none;
}
header nav .search .r {
    float:left;
    height:33px;
    padding:3px 7px 3px 8px;
    background-color:#0058aa;
}
/* banner区域 */
.banner {
    position:relative;
    overflow:hidden;
}
/* 大轮播图片列表 */
.banner ul.pic-list {
    /* 将轮播图片列表的宽度设置为窗口宽度300% */
    width:300%;
}
/* 轮播图列表中的每一个li标签的宽度设置为ul列表的33.33%，并左浮动 */
.banner ul.pic-list li {
    width:33.33%;
    float:left;
}
.banner ul.pic-list li img {
    vertical-align: middle;
}
/* 小圆点列表 */
.banner ul.circle-list {
    position:absolute;
    top:590px;
    right:100px;
    z-index:9999;
}
.banner ul.circle-list li {
    float:left;
    margin-right:6px;
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:#ccc;
    cursor:pointer;
}
.banner ul.circle-list li:last-child {
    margin-right:0;
}
/* 让类名为current的li标签的背景颜色设置为#0058aa */
.banner ul.circle-list li.current {
    background-color:#0058aa;
}
/* 商品区域 */
.product {
    background-color:#fff;
    padding:38px 0 32px;
}
/* 商品区-箭头图标 */
.content-part .btn {
    margin-top:98px;
    cursor:pointer;
    position:relative;
    width:48px;
    height:48px;
}
.content-part .btn-left {
    float:left;
}
.content-part .btn-right {
    float:right;
}
.content-part .btn img {
    position:absolute;
    left:0;
    top:0;
}
.content-part .btn img.blue {
    display:none;
}
.content-part .btn:hover img.black {
    display:none;
}
.content-part .btn:hover img.blue {
    display:block;
}
/* 商品区-导航列表 ，设置宽度为1055px，并且设置溢出隐藏*/
.product .nav-box {
    float:left;
    width:1055px;
    height:233px;
    margin-left:25px;
    overflow:hidden;
    position:relative;
}
/* 设置product轮播图列表的总宽为2160px ；设置绝对定位*/
/* 设置过渡属性 */
.product .nav-box ul {
    width:2160px;
    position:absolute;
    left:0;
    transition:all 0.5s ease 0s;
}
.product .nav-box ul li {
    margin-right:50px;
    float:left;
}
.product .nav-box ul li:last-child {
    margin-right:0;
}
.product .nav-box ul li a .pic-box {
    width:171px;
    height:171px;
    margin-bottom:14px;
}
.product .nav-box ul li a .word-box {
    width:162px;
    height:48px;
    font-size:18px;
    color:#838383;
}
/* 了解我们区 */
.about {
    background-color:#fff;
    padding-bottom:82px;
}
/* 顶部标题部分 */
.about .top {
    margin:0 auto 36px;
    width:1155px
}
.content-part .top .cn-word {
    font-size:32px;
    color:#696868;
    width:128px;
    height:42px;
    line-height:42px;
    margin:0 auto 1px;
}
.about .top .divider {
    margin:0 auto;
}
.content-part .top .divider .l {
    float:left;
    height:0;
    width:500px;
    border-bottom:1px solid #808080;
}
.content-part .top .divider .r {
    float:right;
    height:0;
    width:500px;
    border-bottom:1px solid #808080;
}
.content-part .top .en-word {
    font-size:18px;
    color:#9b9b9b;
    width:76px;
    height:24px;
    line-height:24px;
    margin:0 auto 11px;
}
.content-part .top .under-line {
    margin:0 auto;
    width:93px;
    height:0;
    border-bottom:3px solid #0058aa;
}
/* 底部 */
.about .bottom {
    width:1155px;
    margin:0 auto;
}
/* 左边文字 */
.about .bottom .word-box {
    float:left;
}
.about .bottom .word-box h3 {
    font-size:26px;
    color:#0058aa;
    height:34px;
    line-height:34px;
}
.about .bottom .word-box .name {
    font-size:21px;
    color:#5a5a5a;
    line-height:41px;
    height:41px;
}
.about .bottom .word-box .bk {
    width:142px;
    height:0;
    border:4px solid #0058aa;
    margin-bottom:20px;
}
.about .bottom .word-box .description {
    width:239px;
    height:78px;
    font-size:18px;
    color:#787c7c;
    line-height:26px;
    margin-bottom:27px;
}
.about .bottom .word-box .more {
    width:72px;
    height:24px;
    background-color:#0058aa;
    padding:7px 29px;
    font-size:18px;
    color:#fff;
    line-height:24px;
}
@keyframes xz{
    0% {
        transform:rotate(20deg);
    }
    50% {
        transform:rotate(-20deg);
    }
    100% {
        transform:rotate(20deg);
    }
}
.about .bottom .word-box .more:hover {
    animation:xz 1.5s ease 0s infinite;
}
/* 中间图片 */
.about .bottom>.pic-box {
    float:left;
    margin-left:159px;
    width:345px;
    height:326px;
}
.about .bottom>.pic-box img {
    transition:transform 1s ease 0s;
}
.about .bottom>.pic-box:hover img {
    transform:scale(1.2);
}
/* 右边按钮 */
.about .bottom .links {
    float:right;
    padding-top:10px;
}
.about .bottom .links ul li {
    margin-bottom:10px;
    position:relative;
}
.about .bottom .links ul li a {
    display:block;
    width:273px;
    height:61px;
    background-color:#ccc;
    transition:background-color 1s linear 0s;
}
.about .bottom .links ul li:last-child {
    margin-bottom:0;
}
.about .bottom .links ul li a .pic-box {
    width:40px;
    height:34px;
    position:absolute;
    top:14px;
    left:30px;
}
.about .bottom .links .word-box {
    position:absolute;
    top:10px;
    left:90px;
}
.about .bottom .links ul li:hover a {
    background-color:#0058aa;
}
.about .bottom .links ul li a .word-box .cn-word {
    font-size:22px;
    color:#fff;
    height:29px;
    line-height:29px;
    margin-bottom:1px;
}
.about .bottom .links ul li a .word-box .en-word {
    font-size:12px;
    color:#fff;
    height:14px;
    line-height:14px;
}
/* 精品推荐区 */
.recommend {
    background-color:#eff0f4;
    width:100%;
    padding:70px 0 68px;
}
/* 顶部标题部分 */
.recommend .top {
    margin:0 auto 41px;
    width:1155px;
}
.recommend .top .cn-word {
    margin:0 auto;
}
.recommend .top .en-word {
    width:232px;
    text-align:right;
    margin:0 auto 16px;
}
/* 底部箭头图标 */
.recommend .bottom .btn {
    margin-top:151px;
}
/* 底部导航条 ;宽度为1082px，设置为溢出隐藏*/
.recommend .bottom .nav-box {
    float:left;
    width:1082px;
    height:326px;
    margin-left:11px;
    position:relative;
    overflow: hidden;
}
/* 给recommend中的轮播图列表设置绝对定位，宽度设置为3293px */
/* 添加过渡属性 */
.recommend .bottom .nav-box ul {
    width:3293px;
    height:326px;
    position:absolute;
    left:0;
    transition:all 0.5s ease 0s;
}
.recommend .bottom .nav-box ul li {
    float:left;
    margin-right:23.5px;
    position:relative;
}
.recommend .bottom .nav-box ul li:last-child {
    margin-right:0;
}
.recommend .bottom .nav-box ul li a .pic-box {
    width:345px;
    height:326px;
}
.recommend .bottom .nav-box ul li a .word-box {
    position:absolute;
    width:325px;
    height:21px;
    background-color:rgba(0,0,0,.5);
    bottom:0;
    padding:12px 0 12px 20px;
    font-size:16px;
    color:#fff;
}
/* 新闻中心区域 */
.news {
    background-color:#fff;
    padding:82px 0 50px;
}
/* 顶部标题区域 */
.news .top {
    width:1155px;
    margin:0 auto 70px;
    position:relative;
}
.news .top .cn-word {
    margin:0 auto;
}
.news .top .divider {
    width:1155px;
    position:absolute;
    top:38px;
    left:0;
}
.news .top .en-word {
    width:105px;
    margin:0 auto 16px;
}
/* 底部文字介绍 */
.news .bottom dl {
    padding-left:103px;
    margin-right:74px;
    margin-bottom:40px;
    float:left;
    position:relative;
}
.news .bottom dl:nth-child(2),.news .bottom dl:nth-child(4) {
    margin-right:0;
}
.news .bottom dl:nth-child(3),.news .bottom dl:nth-child(4) {
    margin-bottom:0;
}
.news .bottom dl dt {
    width:84px;
    height:28px;
    margin-bottom:11px;
    font-size:21px;
    color:#4a4a4a;
} 
.news .bottom dl dd.word-box {
    width:400px;
    height:70px;
    font-size:18px;
    color:#4a4a4a;
}
.news .bottom dl dd.number {
    position:absolute;
    width:47px;
    height:53px;
    top:0;
    left:0;
    background-image:url(../images/talk-bg.png);
    padding:6px 9px;
    font-size:40px;
    color:#fff;
    text-align:right;
    line-height:48px;
}
@keyframes jump {
    from {
        top:0;
    }
    to {
        top:-30px;
    }
}
.news .bottom dl dd.number:hover {
    animation:jump 1s ease 0s alternate infinite;
}
/* footer区域 */
footer {
    width:100%;
}
/* 联系方式 */
footer .address {
    height:210px;
    background-color: #06142F;
}
footer .address h2 {
    float:left;
    width:144px;
    height:63px;
    margin-top:74px;
    font-size:48px;
    color:#fff;
    line-height:58px;
}
footer .address .word-box {
    float:left;
    margin-left:101px;
    margin-top:53px;
    font-size:16px;
    color:#fff;
    line-height:40px;
}
footer .address .word-box p {
    height:40px;
}
footer .address .word-box p.url {
    margin-bottom:2px;
}
/* 版权信息 */
footer .copyrights {
    background-color:#202C46;
    padding:6px 0;
}
footer .copyrights p {
    height:18px;
    font-size:14px;
    color:#fff;
    line-height:18px;
    text-align:center;
}